<?xml version="1.0" encoding="UTF-8"?>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>
        <ui:composition template="/common/templates/common.xhtml">
            <ui:param name="titulo" value="Crear Usuario" />
            <ui:define name="body">
                 <rich:messages passedLabel="Data is allowed to be stored." layout="list">
                    <f:facet name="header">
                        <h:outputText value="Entered Data Status:"></h:outputText>
                    </f:facet>
                    <f:facet name="infoMarker">
                        <h:graphicImage  value="/img/passed_.gif" />
                    </f:facet>
                    <f:facet name="errorMarker">
                        <h:graphicImage value="/img/error_.gif" />
                    </f:facet>
                </rich:messages>
                <a4j:form id="ClienteInputPage" ajaxSubmit="true">
                    <h:panelGrid id="panelGridInsertar" columns="1">
                        <rich:panel id="panelInsertar" >
                            <f:facet name="header">
                                <h:outputText id="labelTitulo" value="Crear Usuario"/>
                             </f:facet>
                                <h:panelGrid id="pGridInput"  columns="2">
                                    <h:graphicImage  value="/img/user-password.png"/>
                                    <h:outputLabel id="mensaje" value="Ingrese los datos necesarios para ingresar al sistema: "/>

                                    <h:outputLabel id="tipoUsuario" value="(*) #{Messages['insert.usuario.tipoUsuario']}"/>
                                    <h:selectOneMenu value="#{ClienteBean.tipoUsuario}">
                                        <f:selectItems value = "#{ClienteBean.tiposUsuario}"/>
                                    </h:selectOneMenu>

                                    <h:outputLabel id="labelUsuario" value="(*) #{Messages['insert.cliente.nombreUsuario']}"/>
                                    <h:inputText id="usuario" value="#{ClienteBean.nombreUsuario}">
                                        <rich:toolTip id="toolTipprodDescription" value="#{Messages['insert.cliente.nombreUsuario']}" style="padding:10px;" />
                                    </h:inputText >

                                    <h:outputLabel id="labelPassword" value="(*) #{Messages['insert.cliente.password']}"/>
                                    <h:inputSecret id="password" value="#{ClienteBean.password}">
                                        <rich:toolTip id="toolTipNombre" value="#{Messages['insert.cliente.password']}" style="padding:10px;" />
                                    </h:inputSecret> 

                                </h:panelGrid>

                         </rich:panel>
                     </h:panelGrid>
                     <h:panelGrid id="panelGridButton" columns="3">
                         <a4j:commandButton id="btnCrear" value="#{Messages['insert.cliente.crear']}" action="#{ClienteBean.crearUsuario}"/>
                        <h:outputText id="space" value="" escape="false"/>
                        <a4j:commandButton id="btnCancelar" value="#{Messages['common.cancel']}" action="#{ClienteBean.cancelar}" immediate="true" />
                    </h:panelGrid>
                </a4j:form>
             </ui:define>
        </ui:composition>
    </body>
</html>
